<template>
    <div>

        <template>
            <el-table
                    :data="tableData.filter(data => !search || data.name.toLowerCase().includes(search.toLowerCase()))"
                    style="width: 100%" >
                <el-table-column
                        label="#"
                        prop="num">
                </el-table-column>
                <el-table-column
                        label="相册名"
                        prop="photeoe">
                </el-table-column>
                <el-table-column
                        label="描述"
                        prop="something">
                </el-table-column>
                <el-table-column
                        label="照片数"
                        prop="coot">
                </el-table-column>


                <el-table-column     label="操作"  prop="model">

                    <template slot-scope="scope">
                        <el-button
                                size="mini"
                                type="danger"
                                @click="handleDelete(scope.$index, scope.row)">删除</el-button>
                    </template>
                </el-table-column>

            </el-table>
        </template>
    </div>
</template>

<script>
    export default {
        name: "photo",
        data() {
            return {
                tableData: [
                    {
                        num: '0',
                        photeoe: '旅游日志',
                        something:'旅游相照',
                        coot:'10',

                    },
                    {
                        num: '1',
                        photeoe: '美食日记',
                        something:'旅游相照',
                        coot:'10',
                    },
                ],
                search: ''
            }
        },
        methods: {
            handleEdit(index, row) {
                console.log(index, row);
            },
            handleDelete(index, row) {
                console.log(index, row);
            }
        },
    }
</script>

<style scoped>

</style>